import { styled, Tab } from '@mui/material'

const StyledTab = styled((props) => <Tab {...props} />)(
  ({ theme }) => {
    return {
      fontWeight: theme.typography.fontWeightRegular,
      fontSize: 14,
      marginRight: theme.spacing(1),
      color: theme.palette.mode === 'dark' ? '#A1A7AA' : 'rgba(0, 0, 0, 0.7)',
      '&.Mui-selected': {
        color: theme.palette.mode === 'dark' ? '#fff' : '#007bc1',
      },
      '&.Mui-disabled': {
        color: theme.palette.text.disabled
      }
    }
  },
);

export default StyledTab